<?php
/*
Template Name: Register Pin / Share
*/
?>
<?php get_template_part('inc/header'); ?>

<section class="module-red row">
    <div class="col-sm-6">
		<div class="total">
			<h3 class="title1"><img class="i6" src="<?php echo THEME_IMAGES; ?>/6.png" alt="6" width="74" height="73"><strong>Total entries<br>for today’s draws*</strong></h3>
			<p>Chance(s) to win one of four pairs of tickets<br>to attend a Montreal Canadiens hockey game<br>in today’s draw</p>
			<p><a href="#">See code history</a></p>
			<div class="line"></div>
		</div>
	</div>
	
    <div class="col-sm-6">
		<div class="early">
			<h3 class="title1"><img class="i3" src="<?php echo THEME_IMAGES; ?>/3.png" alt="3" width="76" height="76"><br><strong>Early Bird Prize entries**</strong></h3>
			<p>More pins to go to win an early bird prize, <strong>HURRY!</strong></p>
		</div>
	</div>
	
    <div class="col-sm-9">
		<div class="form-pins">
			<p><input class="style1" parsley-required="true" placeholder="Enter your PIN here"><button type="submit" class="btn btn-fv">GO!</button></p>
			<p class="mgb-3">Make sure to enter a 12-digit number, with no spaces or dashes.</p>
			<p class="small">*Daily Prizes: entries are not cumulate from one day to another.<br>**Early Bird Prizes: Entries are cumulative from one day to another.</p>
		</div>
	</div>
	
    <div class="col-sm-3 pins">
		<img src="<?php echo THEME_IMAGES; ?>/pins.png" alt="pins" width="158" height="158">
	</div>
</section>

<section id="module-form" class="row">
	<h3 class="title1 mgl">To increase your chances of winning,<br><strong>get friends to participate and share socially</strong></h3>
	<div class="col-sm-6">
		<div class="invite">
			<h3 class="title1"><img src="<?php echo THEME_IMAGES; ?>/1.png" alt="1" width="46" height="40">Invite your friends</h3>
			<p>
				<label for="exampleInputEmail1">Pass it on!</label>
				<input class="style1" name="email" parsley-required="true" parsley-type="email" type="email" id="exampleInputEmail1" placeholder="Your friend’s email adress">
			</p>
			<p><button type="submit" class="btn btn-fv">Go</button></p>
		</div>
	</div>
	
	<div class="col-sm-6">
		<div class="share">
			<h3 class="title1"><img src="<?php echo THEME_IMAGES; ?>/1.png" alt="1" width="46" height="40">Share socially</h3>
			<p class="icon-social">
				<a href="#"><img src="<?php echo THEME_IMAGES; ?>/icon-twitter.png" alt="twitter" width="32" height="32"></a><a href="#"><img src="<?php echo THEME_IMAGES; ?>/icon-facebook.png" alt="facebook" width="32" height="32"></a>
			</p>
			<p>Please remember that there is a limit of one social share bonus<br>entry, per social media platform, per day. See the official Rules for share socially entry details, terms and conditions.</p>
		</div>
	</div>
</section>

<footer id="main-footer" class="row">
	<div class="col-sm-6">
		<img id="footer-logo" src="<?php echo THEME_IMAGES; ?>/logo-footer.png" alt="<?php echo get_bloginfo( 'name' ); ?>" width="294" height="155">
	</div>
	<div class="footer-bg col-sm-6">
		<p class="find">Find your PIN on packages<br><u>of participating POM<sup>&#174;</sup> products.</u></p>
	</div>
</footer>

<?php get_template_part('inc/footer'); ?>